<template>
  <!-- 头部导航 -->
  <van-nav-bar title="客服中心" left-text="返回" left-arrow @click-left="onClickLeft" />
  <van-image class="background" src="https://cf.dtcj.com/d20dfb3f-8807-4774-96ae-e4e48a3c7bf7.jpg?imageslim">
  </van-image>
  <br>  <br>  <br>   
  <div>
    <header style="font-weight: bold;">
      tb113131,很高兴为您服务
    </header >
    <p>
      服务热线 9558-8665 (09:00-21:00)
    </p>
  </div>
  <br>  
  <van-col class="commodity">
    <van-row>
      <p style="font-weight: bold;">自助工具</p>
    </van-row>
    <van-grid :border="false" :column-num="4">
      <van-grid-item icon="balance-o" icon-color="#01b468" text="资金解保" />
      <van-grid-item icon="cash-o" icon-color="#01b468" text="查看解款" />
      <van-grid-item icon="warn-o" icon-color="#ff8000" text="自助举报" />
      <van-grid-item icon="envelop-o" icon-color="#ff8000" text="违规申诉" />
      <van-grid-item icon="logistics" icon-color="#0066cc" text="催发货" />
      <van-grid-item icon="ecard-pay" icon-color="#0066cc" text="催收货" />
      <van-grid-item icon="after-sale" icon-color="#0066cc" text="催退款" />
      <van-grid-item icon="sign" icon-color="#0066cc" text="催纠纷维权" />
    </van-grid>
  </van-col><br>
  <van-row>
    <p style="font-weight: bold;">猜你想问</p>
  </van-row>
  <van-space direction="vertical" fill :size="210">
<van-row>
  <van-button plain type="primary">交易纠纷如何申请？ </van-button>
  <van-button plain type="primary">违规如何申请？</van-button>
  <van-button plain type="primary">账户为什么会被限制？</van-button>
  <van-button plain type="primary">如何解除资金保护？</van-button>
</van-row>
<van-row >
  
  <van-button type="primary" block icon="service-o" color="#e0e0e0" style="color: black; font-size: 19px;">在线服务</van-button>
</van-row></van-space>
</template>
<script setup>
import { Image} from 'vant';
// 返回上一页面
const onClickLeft = () => history.back();
Image
</script>
<style scoped>
.background{
  position: fixed;
  top:3.8rem;
  left: 0;
  width: 100%;
  height: 15%;
  z-index: -1;
}

</style>
  